<!-- Blog Sidebar Widgets Column -->
<div class="col-md-4">

    <!-- Blog Search Well -->
    <div class="well">
        <h4>Blog Search</h4>
        <!--<div class="input-group">-->
            <!--<input type="text" class="form-control">-->
                        <!--<span class="input-group-btn">-->
                            <!--<button class="btn btn-default" type="button">-->
                                <!--<span class="glyphicon glyphicon-search"></span>-->
                            <!--</button>-->
                        <!--</span>-->
        <!--</div>-->
        <form class="form-search" action="{{ url_for('.search') }}" method="get">
            <div class="input-group">
                <input type="text" class="form-control" value="{{ request.args.get('q','') }}" id="q" name="q" placeholder="use<tag:|title:>prefix to set search limit">
                <span class="input-group-btn">
                <button type="submit" class="btn btn-default">
                    <span class="glyphicon glyphicon-search"></span>
                </button>
                    </span>
            </div>
        </form>
        <!-- /.input-group -->
    </div>

    <!-- Blog Categories Well -->
    <div class="well">
        <h4>Blog Categories</h4>
        <div class="row">
            <div class="col-lg-6">
                <ul class="list-unstyled">
                    {% for category in categories[0] %}
                    <li><a href="{{url_for('.category', user_id=user.id, category_name=category[0])}}">{{category[0]}}({{category[1]}})</a>
                    </li>
                    {% endfor %}
                </ul>
            </div>
            <!-- /.col-lg-6 -->
            <div class="col-lg-6">
                <ul class="list-unstyled">
                    {% for category in categories[1] %}
                    <li><a href="{{url_for('.category', user_id=user.id, category_name=category[0])}}">{{category[0]}}({{category[1]}})</a>
                    </li>
                    {% endfor %}
                </ul>
            </div>
            <!-- /.col-lg-6 -->
        </div>
        <!-- /.row -->
    </div>

    <!-- Side Widget Well -->
    <div class="well">
        {% if current_user.is_authenticated %}
        <a href="{{url_for('blog.profile', username=user.username)}}">{{user.nickname}}</a>
        <!--<h4>{{user.nickname}}</h4>-->
        <p>{{user.about_me}}</p>
        {%else%}
        <p>Show yourself!</p>
        {%endif%}
    </div>

</div>
